.page-wrapper {
  width: 100%;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding-bottom: 124px;

  .title-contain {
    width: 750px;
    padding: 0 24px;
    margin-bottom: 24px;

    .input-text {
      width: 100%;
      height: 80px;
      line-height: 80px;
      font-size: 30px;
      background-color: #ffffff;
      color: #333333;
      border: 2px solid #efefef;
      border-radius: 24px;
      padding: 0 24px;
    }
  }

  .desc-contain {
    width: 750px;
    padding: 0 24px;
    margin-bottom: 24px;

    .desc {
      width: 100%;
      height: 600px;
      line-height: 40px;
      font-size: 30px;
      background-color: #ffffff;
      color: #333333;
      border: 2px solid #efefef;
      border-radius: 24px;
      padding: 24px;
    }
  }

  .date-contain {
    width: 750px;
    padding: 0 24px;
    margin-bottom: 24px;
    flex-direction: row;
    align-items: center;

    .date-time-img {
      width: 32px;
      height: 32px;
      margin-right: 24px;
    }

    .date-time-content {
      flex: 1;
      height: 100%;
    }

    .picker {
      flex: 1;
      height: 80px;
      line-height: 80px;
      font-size: 30px;
      background-color: #ffffff;
      color: #333333;
      border: 2px solid #efefef;
      border-radius: 24px;
      padding: 0 24px;

      .picker-placeholder {
        color: #a2a2a2;
      }

      .picker-text {
        color: #333333;
      }
    }
  }
}

.save-cancel-contain {
  position: absolute;
  left: 24px;
  bottom: 78px;
  right: 24px;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  .cancel {
    width: 308px;
    height: 100px;
    background-color: #dedede;
    border-radius: 12px;
    font-size: 36px;
    font-weight: bold;
    color: #a1a1a1;
    line-height: 100px;
    text-align: center;
    margin-right: 60px;
  }

  .save {
    width: 308px;
    height: 100px;
    background-color: #0096f9;
    border-radius: 12px;
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 100px;
  }
}

.disburse-income {
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;

  .disburse-income-switch {
    width: 300px;
    height: 60px;
    border-radius: 12px;
    background-color: #ffffff;
    border: 2px solid #dbdbdb;

    .item-defult {
      width: 150px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      font-size: 28px;
      font-weight: 400;
      color: #878787;
      line-height: 28px;
    }

    .item-check-left {
      width: 150px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      background-color: #0096f9;
      font-size: 28px;
      font-weight: bold;
      color: #ffffff;
      line-height: 28px;
      border-top-left-radius: 12px;
      border-bottom-left-radius: 12px;
      border: 2px solid #0096f9;
    }

    .item-check-right {
      width: 150px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      background-color: #0096f9;
      font-size: 28px;
      font-weight: bold;
      color: #ffffff;
      line-height: 28px;
      border-top-right-radius: 12px;
      border-bottom-right-radius: 12px;
      border: 2px solid #0096f9;
    }
  }
}

.action-contain {
  height: 124px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  padding-bottom: 24px;

  .save {
    width: 308px;
    height: 100px;
    margin-right: 44px;
  }

  .readd {
    width: 308px;
    height: 100px;
  }
}

.list-charge-stack {
  width: 750px;
  height: 580px;
}

.list-charge {
  width: 750px;
  height: 580px;
  background-color: #ffffff;

  .list-charge-item-root {
    width: 100%;
    height: 145px;

    .types-item {
      width: 100%;
      height: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      .img {
        width: 64px;
        height: 64px;
        margin-bottom: 12px;
      }

      .txt-check {
        font-size: 24px;
        font-weight: bold;
        color: #0096f9;
        line-height: 24px;
      }

      .txt-default {
        font-size: 24px;
        font-weight: bold;
        color: #b5b5b5;
        line-height: 24px;
      }
    }
  }
}

.boots-group {
  position: absolute;
  width: 100%;
  min-height: 1px;
  flex-direction: column;
}